<?php
// 屏蔽PHP警告
error_reporting(E_ALL^E_NOTICE^E_WARNING);

require_once "jssdk.php";

// 设置子级账号的ID和秘钥
$jssdk = new JSSDK("wx43bf49c8b0529425", "3c748ce2635090bbd2978660f158976e");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="viewport" content="width=device-width,maximum-scale=1,minimum-scale=1,initial-scale=1,user-scalable=no"/>
  <script type="text/javascript" src="js/rem.js"></script>
  <link rel="stylesheet" type="text/css" href="home/css/index.css"/>
</head>
<body>
	<div id="wrap">


  </div>
  <div id="footernav">
    <a href="#home" class='item'>
      <div></div>
      <!--<img src="img/my/footer1.png" alt="" />-->
      <p>首页</p>
    </a>
    <a href="#category" class='item'>
      <div></div>
      <!--<img src="img/my/footer4.png" alt="" />-->
      <p>闪送超市</p>
    </a>
    <a href="#shop" class="item">
      <div></div>
      <!--<img src="img/my/footer6.png" alt="" />-->
      <p>购物车</p>
    </a>
    <a href="#mine" class="item">
      <div></div>
      <!--<img src="img/my/footer8.png" alt="" />-->
      <p>我的</p>
    </a>
  </div>
  <div class="show">0</div>
</body>
<script type="text/javascript" src="libs/requirejs.js" data-main="main" async="true" defer></script>

<!-- 底部导航效果修饰 -->
<script type="text/javascript" src="libs/jquery.js"></script>
<script type="text/javascript">
  $div = $("#footernav div");
  $a = $("#footernav a");
  for(var i=0;i<$a.length;i++){
    (function(num){
      $($a[num]).click(function(){
        for(var j=0;j<$div.length;j++){
          $($div[j]).css("background","url(img/my/footer" + j + ".png)");
          $($div[j]).css("background-size","100% 100%");
        }
        $($div[num]).css("background","url(img/my/footers" + num + ".png)");
        $($div[num]).css("background-size","100% 100%");
      });
    })(i);
  }
</script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  wx.config({
    debug:false,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: '<?php echo $signPackage["timestamp"];?>',
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      'scanQRCode',
      'getLocation',
      'openLocation'
    ]
  });
  wx.ready(function () {
    // 在这里调用 API
    var $scan = $("#wrap .scan");
    var $address = $("#wrap .address");
    $scan.click(function(){
      wx.scanQRCode({
        needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
        scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
        success: function (res) {
        var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
        }
      });
    });

    wx.getLocation({
      type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
      success: function (res) {
           latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
           longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
           speed = res.speed; // 速度，以米/每秒计
           accuracy = res.accuracy; // 位置精度


           // 反地址解析
           geocoder = new qq.maps.Geocoder({
              complete:function(result){
//               http://lbs.qq.com/javascript_v2/doc/addresscomponents.html
//              以上地址查看addressComponents参数的相关属性含义
//            alert('成功：'+result.detail.addressComponents);
              $address.html(result.detail.addressComponents.city
              + result.detail.addressComponents.district
              + result.detail.addressComponents.street);
              }
           });
           var coord=new qq.maps.LatLng(latitude,longitude);
           geocoder.getAddress(coord);
      }
    })

  });
</script>
</html>
